<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
    <title>维修直播</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/mobile.css">
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="__PUBLIC__/css/wx.css">
	
</head>
<body>
    <div>
        <video src="{$info.video_url_1}" poster="__PUBLIC__/images/mune.jpg" controls="controls" width="100%" height="40%" id="video">
        </video>
        <div class="wrapper">
            <div class="box" id="shop">
            	<volist name='position' id='vo'>
            		<span class="item" data-url={$videourl.$key}>{$vo}</span>
            	</volist>
            </div>
            <h4>{$info.company_name}</h4>
            <ul>
                <li class="box">
                    <div>        
                        <span class="glyphicon glyphicon-map-marker"></span>
                        <span>{$info.addr}</span>
                    </div>
                    <span onclick="gotoMap()" style="color:#0066CC">到这里去<span class="glyphicon glyphicon-chevron-right"></span></span>
                </li>
                <li class="box">
                    <div>
                        <span class="glyphicon glyphicon-earphone"></span>
                        <span>询价与预约</span>
                    </div>
                    <a onclick="user()">一键前往<span class="glyphicon glyphicon-chevron-right"></span></a>
                </li>
                <li class="box">
                    <div>
                        <span class="glyphicon glyphicon-gift"></span>
                        <span>优惠活动</span>
                        <ul>
							{$info.activity}
                        </ul>
                    </div>
                </li>
                <li>
                    <span class="glyphicon glyphicon-list-alt"></span>
                    <span>服务内容</span>
                    <ul>
                    	{$info.services_content}
                       
                    </ul>
                </li>
            </ul>
    <!-- <tr>
      <td class="text-center"><span class="glyphicon glyphicon-comment"></span></td>
      <td > <span>客户评价</span></td>
      <td class="text-right"><span style="border:1px solid #FE7070;padding:5%; color:#FE7070; border-radius:5px;">去评价</span></td>
    </tr> -->
        </div>
    </div>
</body>
<script src="__PUBLIC__/js/Zepto.min.js"></script>
<script src="__PUBLIC__/js/base.js"></script>
<script src="__PUBLIC__/js/touch.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script  src='https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js '></script>
<script>
 


	wx.ready(function(){
	 wx.config({
    debug: true,
    appId: '<{$appid}>',
    timestamp: '<{$timestamp}>',
    nonceStr: '<{$nonceStr}>',
    signature: '<{$signature}>',
    jsApiList: [
        'checkJsApi',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'onMenuShareQZone',
        'hideMenuItems',
        'showMenuItems',
        'hideAllNonBaseMenuItem',
        'showAllNonBaseMenuItem',
        'translateVoice',
        'startRecord',
        'stopRecord',
        'onVoiceRecordEnd',
        'playVoice',
        'onVoicePlayEnd',
        'pauseVoice',
        'stopVoice',
        'uploadVoice',
        'downloadVoice',
        'chooseImage',
        'previewImage',
        'uploadImage',
        'downloadImage',
        'getNetworkType',
        'openLocation',
        'getLocation',
        'hideOptionMenu',
        'showOptionMenu',
        'closeWindow',
        'scanQRCode',
        'chooseWXPay',
        'openProductSpecificView',
        'addCard',
        'chooseCard',
        'openCard'
      ]
  });
  wx.getLocation({
	    type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
	    success: function (res) {
	        var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
	        var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
	        var speed = res.speed; // 速度，以米/每秒计
	        var accuracy = res.accuracy; // 位置精度
	        
	    },
		cancel: function (res) {
        alert('用户拒绝授权获取地理位置');
    }
	})
	wx.openLocation({
            latitude:32.005550,// 纬度，浮点数，范围为90 ~ -90
            longitude:118.813580, // 经度，浮点数，范围为180 ~ -180。
            name: '名雪汽车美容', // 位置名
            address: '秦淮区大校场路39号（金鸿装饰旁）', // 地址详情说明
            scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大
            infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
        });
})

$(function(){
function gotoMap(){
    var url ="http://apis.map.qq.com/uri/v1/routeplan?type=bus&from=当前地址&fromcoord="+window._latitude+","+window._longitude+"&to=名雪汽车美容&tocoord=32.005550,118.813580&policy=1&referer=tengxun&coord_type=gps";
    window.location.href = url;
}
	
var shopSwich = $('#shop span');
    shopSwich.on('click',function(){
		var url=$(this).attr('data-url');
		$(this).addClass('active').siblings().removeClass('active');
        $('#video').attr('src',url);
    })
		
})
</script>

</html>
